<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>个人主页</title>
    <link href="css/owl.carousel.css" rel="stylesheet"/>
    <link href="css/owl.transitions.css" rel="stylesheet"/>
    <link href="css/owl.theme.css" rel="stylesheet"/>
    <link href="css/font-awesome.min.css" rel="stylesheet"/>

    <link href="css/main.css" rel="stylesheet"/>


</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html"><img src="img/logo.png"></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li class="text-center"><a href="index.html">首页</a></li>
                <li class="text-center"><a href="resume.html">个人简介</a></li>
                <li class="text-center"><a href="portfolio.html">项目案例</a></li>
                <li class="text-center"><a href="contact.html">联系方式</a></li>
            </ul>
        </div>
    </div>
</nav>
<!-- list -->
<section class="jobs">
    <h1 class="text-center">个人简历</h1>
    <div class="container">
        
        <div class="row">
            <div class="list-group">
                <a href="#" class="list-group-item collapsed" data-toggle="collapse" data-target="#resumes">
                    <h4 class="list-group-item-heading text-center">个人资料<i class="fa fa-plus fa-pull-right"></i></h4>
                    <div id="resumes" class="collapse">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th>姓名：任志琴</th>
                            </tr>
                            <tr>
                                <th scope="row">年龄：23</th>
                            </tr>
                            <tr>
                                <th scope="row">性别：男</th>
                                <th>电话：13327518050</th>
                            </tr>
                            <tr>
                                <th scope="row">求职意向：前端工程师</th>
                                <th>邮箱：13327518050@189.cn</th>

                            </tr>
                            </tbody>
                        </table>
                    </div>
                </a>
                <a href="#" class="list-group-item collapsed" data-toggle="collapse" data-target="#jingli">
                    <h4 class="list-group-item-heading text-center">工作经历<i class="fa fa-plus fa-pull-right"></i></h4>
                    <div id="jingli" class="collapse">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th>项目开发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2015.11－2017.03&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   山西易通天下网络科技有限公司</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </a>
                <a href="#" class="list-group-item collapsed" data-toggle="collapse" data-target="#jineng">
                    <h4 class="list-group-item-heading text-center">职业技能<i class="fa fa-plus fa-pull-right"></i></h4>
                    <div id="jineng" class="collapse">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th>掌握基础设计，熟练操作Photoshop，AI,平面设计</th>
                            </tr>
                            <tr>
                                <th>精通HTML+CSS，Javascript并能快速处理各浏览器兼容问题</th>
                            </tr>
                            <tr>
                                <th>精通响应式布局，利用rem,%,flex</th>
                            </tr>
                            <tr>
                                <th scope="row">熟练使用框架，如jQuery，bootstrap，Angular，React等，熟练使用多种框架</th>
                            </tr>
                            <tr>
                                <th scope="row">熟练使用less，css预处理语言</th>
                            </tr>
                            <tr>
                                <th scope="row">精通Ajax技术，精通开发调试工具，如Firebug等，代码语义化，懂优化，压缩和反压缩</th>
                            </tr>
                            <tr>
                                <th scope="row">掌握HTML5和CSS3技术,了解服务器方面基本知识</th>
                            </tr>
                           <!--  <tr>
                                <th scope="row">Webpack 是当下最热门的前端资源模块化管理和打包工具。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 ES6 模块、CSS、图片、LESS 等。</th>
                            </tr> -->
                            <tr>
                                <th scope="row">有过用户体验研究，更关注人性化页面开发</th>
                            </tr>
                            <tr>
                                <th scope="row">了解浏览器工作原理</th>
                            </tr>
                            <tr>
                                <th scope="row">效率开发，精湛的开发软件操作</th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- ￥底部 -->
<footer>
    <div class="container">
        <div class="row text-center">
           
            <div class="rel" style="display: inline-block;">
                <a href="##">
                    <i class="fa fa-qq fa-2x"></i>
                    <div class="tap">
                        <img src="img/qq.jpg "style="width: 110px;height:110px;">
                    </div>
                </a>
            </div>
            <a href="##"><i class="fa fa-weibo fa-2x"></i></a>
            <div class="rel" style="display: inline-block;">
                <a href="##">
                    <i class="fa fa-weixin fa-2x"></i>
                    <div class="tip">
                        <img src="img/weixin.png "style="width: 110px;height:110px;">
                    </div>
                </a>
            </div>
        </div>
        <div class="row text-center">
            <div class="col-md-2 col-md-offset-2">电话：13327518050</div>
            <div class="col-lg-4 col-md-4">地址：广州市天河区棠东</div>
            <div class="col-lg-3 col-md-3">邮箱：13327518050@189.cn</div>
        </div>
    </div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>